<!DOCTYPE html>
<html lang="en" id="html">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <title>兑现</title>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/tanchuang.css">
    <style>
        body{
            background: #f5f5f5;
        }
        .my_duixian{
            padding-top:1.2rem;
        }
        .my_duixian img{
            width: 1.77rem;
            height: 1.85rem;
            display: block;
            margin:0 auto;
        }
        .my_duixian h4{
            font-size: 0.3rem;
            text-align: center;
            line-height: 0.5rem;
            margin-top:0.3rem;
        }
        .my_duixian h2{
            font-size: 0.8rem;
            line-height: 1rem;
            margin-top:0.1rem;
            text-align: center;
        }
        .my_input{
            width: 100%;
            padding-top: 1rem;
        }
        .my_input input{
            width: 6.7rem;
            height: 0.88rem;
            text-align: center;
            border:0.01rem solid #999999;
            font-size: 0.26rem;
            line-height: 0.86rem;
            display: block;
            margin:0 auto;
        }
        .my_input .my_tip{
            text-align: center;
            font-size: 0.24rem;
            color: #808080;
            line-height: 0.64rem;
        }
        .my_input .my_dx{
            height: 0.88rem;
            color: #fff;
            background: #52cd96;
            width: 6.7rem;
            line-height: 0.88rem;
            font-size: 0.3rem;
            border:none;
            border-radius: 0.08rem;
            margin:0.2rem auto;
            display: block;
        }
    </style>
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/resize.js"></script>
    <script>
        $(window).ready(function(){
            resetFont();
        });
        $(window).resize(function(){
            resetFont();
        });
    </script>
</head>
<body>
    <div class="my_content">
        <div class="my_duixian">
            <img src="../images/jinbi.png" alt="">
            <h4>可兑换现金</h4>
            <h2 class="my_kedui">¥200</h2>
        </div>
        <div class="my_input">
            <input class="my_duihuanjine" type="text" placeholder="输入您要兑换的金额">
            <p class="my_tip">兑现金额只能是100的整数倍</p>
            <button type="button" class="my_dx">兑现</button>
        </div>
    </div>
    <div class="tanchuang fail none">
        <div class="tanchuangCont">
            <div class="tipmess hasp">
                <h3>提现失败</h3>
                <p>由于您是注册会员，最多提现300元，想提取全部，请升级为高级会员</p>
            </div>
            <div class="decsion clearfix twobtn">
                <a href="javascript:void(0);" class="no">取消</a>
                <a href="javascript:void(0);" class="yes">升级</a>
            </div>
        </div>
    </div>
    <div class="tanchuang success none">
        <div class="tanchuangCont">
            <div class="tipmess">
                <h3>提现成功！</h3>
            </div>
            <div class="onebtn">
                <a class="sure" href="javascript:void(0);">确定</a>
            </div>
        </div>
    </div>
</body>
</html>